<HTML>
	<HEAD>
	<TITLE></TITLE>
		<link rel="stylesheet" type="text/css" href="css/persist.css"/>
		<link rel="stylesheet" type="text/css" href="../css/tabs.css"/>
	</HEAD>
<BODY>

<!-- just a little js... -->
<script type="text/javascript" src="../js/Util.js"></script>
<script type="text/javascript" src="../js/3rd_party/persist-js-0.1.0/persist.js"></script>
<script type="text/javascript" src="../js/3rd_party/json2/json2-min.js"></script>
<script type="text/javascript" src="../js/PersistForm.js"></script>
<script type="text/javascript" src="../js/PersistForms.js"></script>
<script type="text/javascript" src="../js/Tabs.js"></script>

<div id="myTabs" class="tabs" style="width:600px;height:600px">
	<ul class="tabs_picker">
		<li>address</li>
		<li>detail</li>
		<li>js links</li>
	</ul>
	<div class="tabs_area">
		<form id="address" class="durable tab">
			<h2>Contact Information</h2>
			<div>first name      : <input id="first_name" class="durable" /></div>
			<div>last name       : <input id="last_name"  class="durable" /></div>
			<div>street address  : <input id="street"     class="durable" /></div>
			<div>street address2 : <input id="street2"    class="durable" /></div>
			<div>city            : <input id="city"       class="durable" /></div>
			<div>state           : <input id="state"      class="durable" /></div>
			<div>zip             : <input id="zip"        class="durable" /></div>
			<!-- you can save a give form by "name" 
				<input type="submit" value="store" onclick="persistForms.saveForm( 'address' );" />
			-->
		</form>
		<form id="favorites" class="durable tab">
			<h2>Favorite...</h2>
			<div>animal  : <input id="favorite_animal"  class="durable" /></div>
			<div>color   : <input id="favorite_color"   class="durable" /></div>
			<div>car     : <input id="favorite_car"     class="durable" /></div>
			<div>music   : <input id="favorite_music"   class="durable" /></div>
			<div>tv show : <input id="favorite_tv_show" class="durable" /></div>
			<div>food    : <input id="favorite_food"    class="durable" /></div>
			<div>drink   : <input id="favorite_drink"   class="durable" /></div>
		</form>
		<div class="tab">
			<li><a href="http://www.thomasfrank.se/sessionvars.html">http://www.thomasfrank.se/sessionvars.html</a></li>
			<li><a href="http://code.google.com/p/s3fs/wiki/FuseOverAmazon">http://code.google.com/p/s3fs/wiki/FuseOverAmazon</a></li>
			<li><a href="http://members.tele2.nl/MAvanEverdingen/Code/">JS Encryption Library</a></li>
			<li><a href="http://pablotron.org/?cid=1557">PersistJS</a></li>
			<P>
				You can run the global storage stuff local, but use the 
				local ip address, 
				<a href="http://www.reddit.com/info/6kd4i/comments/">not "localhost" </a>
			</P>
			<P>
				I have some more <a href="..">demos</a>, too.
			</P>
		</div>
	</div>
</div>

<input type="submit" value="store" onclick="persistForms.save()" />

<script type="text/javascript">

	var persistForms = new PersistForms( 'persist forms demo' );

	var myTabs = new Tabs();
	myTabs.manage( 'myTabs' );

</script>

</BODY>
</HTML>
